
@media only screen and (max-width: 992px) {
  .el-dialog {
    width: 80% !important;
  }
}

@media only screen and (max-width: 768px) {
  .el-dialog {
    width: 95% !important;
  }
}

/* 滚动条整体部分，可以设置宽度啥的 */
body::-webkit-scrollbar,
.box-scroll::-webkit-scrollbar {
  width: 3px; // y 方向的滚动条宽
  height: 3px; // x 方向的滚动条高
}

/* 外层轨道 */
body::-webkit-scrollbar-track,
.box-scroll::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

/* 滚动的滑块 */
body::-webkit-scrollbar-thumb,
.box-scroll::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
}

/* 滚动条两端的按钮 */
body::-webkit-scrollbar-button,
.box-scroll::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

.view-full {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.app-container {
  padding: 20px;
}

.main-left {

}

.main-right {

}

.echarts {
  width: 100% !important;
  height: 100% !important;
}

/* 清除浮动 */
.clearfix::after {
  display: block;
  content: '';
  clear: both;
}

/* 解决margin-top合并 */
.clearmgn::before {
  display: block;
  content: '';
  height: .1px;
}

/* 文本超出省略号 */
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 按钮点击时变化 */
.btn-active {
  user-select: none;
  cursor: pointer;
}

.btn-active:active {
  opacity: .8;
}

/* 没有数据 */
.data-null {
  font-size: 12px;
  line-height: 36px;
  text-align: center;
  color: #888;
}

.image-wrap img {
  width: 100%;
  height: 100%;
}

.shadow {
  box-shadow: 0 1px 3px rgba(18, 18, 18, .1);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

/* 列表底部提示文本 */
.list-bottom-text {
  font-size: 12px;
  line-height: 40px;
  text-align: center;
  color: #888;
  cursor: pointer;
}

/*.bg-full {
  background-color: rgb(48, 65, 86);
  background-image: radial-gradient(white, rgba(255, 255, 255, .2) 4px, transparent 60px),
  radial-gradient(white, rgba(255, 255, 255, .15) 1px, transparent 30px),
  radial-gradient(white, rgba(255, 255, 255, .1) 2px, transparent 40px),
  radial-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, .1) 2px, transparent 30px);
  background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;
  background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
}*/

// 筛选
.filter-container {
  background: #fff;
  border: 1px solid #DCDFE6;
  padding: 10px;
  .filter-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
  }
}

/* 高度 */
.height-10 {
  height: 10px;
}

.height-40 {
  height: 40px;
}

.height-100 {
  height: 100px;
}

.line-10 {
  border-bottom: 10px solid #f1f1f1;
}

.message-a {
  color: #1987fa;
}

.font-12 {
  font-size: 12px;
}

.data-null {
  padding: 20px 0;
  line-height: 30px;
  text-align: center;
  color: #888;
}

.el-form-item__label {
  white-space: nowrap;
}